<template>
	<view class="loading-container">
		<view class="loading-content">
			<uni-icons type="spinner-cycle" size="36" color="#ffffff" class="loading-icon"></uni-icons>
			<text class="loading-text">加载配置中</text>
		</view>
	</view>
	

</template>

<script>
import uniIcons from '@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue'
export default {
	components: {
		uniIcons
	},
	data() {
		return {

		}
	},
	methods: {

	}
}
</script>

<style>
.loading-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	background-color: #ffffff;
}

.loading-content {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #333333;
	border-radius: 8rpx;
	padding: 30rpx 50rpx;
}

.loading-icon {
	margin-right: 20rpx;
	animation: spin 1s linear infinite;
}

.loading-text {
	color: #ffffff;
	font-size: 28rpx;
}

/* 旋转动画 */
@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
</style>
